<script setup>
import {Search} from "@element-plus/icons-vue";
import {reactive, ref} from "vue";
import HomeGoodsItem from '@/components/HomeGoodsItem.vue'
import HomeTail from "@/components/HomeTail.vue";

// 搜索文本
const searchText = ref('');
// 商品列表
const goodsList = reactive([
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/221281/22/41798/104904/667a82c0F608331cd/fd428d55e14d1e2d.jpg.avif",
        "name": "自营海尔（Haier）50升超薄扁桶双胆电热水器家用储水式隐藏安装3300W速热双镁棒免换 EC5003-BOOK(U1) 【以旧换新】",
        "price": "2799.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/135243/39/41143/71609/661e2529F505588b4/d2dde2ac30e32a17.jpg.avif",
        "name": "闪亮博士钢化玻璃定制长方形茶几面板圆桌餐桌台面订做超白透明茶色玻璃板",
        "price": "10.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/228556/5/14072/80321/65eaaeeeF78e4e43a/4d6141d74ddcb58c.jpg.avif",
        "name": "吧台椅家用升降简约轻奢高脚凳",
        "price": "398.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/226130/35/20963/122896/667bc5bcFedb33770/f04dc361657a66cb.jpg.avif",
        "name": "自营智米（SMARTMI）智能马桶盖 加热暖风款2 抗菌遥控器 电动马桶圈 全自动坐便",
        "price": "899.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/230768/28/21584/112829/6674623fF4d2f26fb/62f4935bbf890495.jpg.avif",
        "name": "弗尔迪克实木八斗柜北美黑胡桃木斗柜 北欧简约客厅储物柜 卧室抽屉收纳柜 180*40*80cm",
        "price": "7900.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/209454/2/38161/25364/655b83e2Fff268970/31a788b9a7ad7b34.jpg.avif",
        "name": "办公室沙发茶几组合套装简约现代真皮接待室商务会客洽谈休息区 单人位(橙色+浅灰)",
        "price": "978.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/119142/30/1306/141409/5e96a7c3Eb8e036ea/1b4f2370b05b366c.jpg.avif",
        "name": "恒源祥男士短袖衬衫夏季纯棉DP免烫商务正装纯色上班职业工装休闲白衬衣 格子 MT007-D 39（170/88A）",
        "price": "300.00"
      },
      {
        "id": 1,
        "img": "https://img12.360buyimg.com/jdcms/s460x460_jfs/t1/232664/12/9197/28159/6587c7d8Faa336a67/554aa131d7af252a.jpg.avif",
        "name": "风渚客方向盘保暖套冬季毛绒方向盘套不掉毛冬季短毛绒汽车保暖防滑仿水 毛绒黑色 毛绒黑色",
        "price": "18.13"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/237232/12/19826/235032/667bea1dF9c35206f/8a669da88efba930.jpg.avif",
        "name": "奥克斯（AUX）空调挂机1.5匹p新一级能效 全直流变频空调 节能静音一键防直吹 家用壁挂式卧室空调 旗舰款PQK 1.5匹 三级能效 【新能效升级变频冷暖】",
        "price": "1799.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/159132/20/43993/102598/660cf422Fef70aa3d/88fc0f4fe9e6a932.jpg.avif",
        "name": "IDEC日本IDEC和泉继电器 RJ1S-A220/RJ2S-CL-D24直流小型中间RJ25薄型 RJ2S-CL-D24+底座 8脚 DC24V",
        "price": "22.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/167209/6/40267/92508/6671c026F30a0d115/b7f1f6a4a6f228ca.jpg.avif",
        "name": "Apple 苹果14/13/12/11/X系列promax iPhone二手手机 详见质检报告 苹果 iPhone 6S Plus",
        "price": "409.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/152829/18/23207/351870/66448416F207a571e/035d4f4d5d67f7be.png.avif",
        "name": "自营京东标准洗车服务 轿车（5座及以下） 单次 全国可用 有效期7天",
        "price": "19.90"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/240085/33/12042/203699/667a1090F022e7a3c/f1c43f769d16a0f0.png.avif",
        "name": "美的（Midea）电压力锅5升高压锅家用双胆多功能智能预约电高压锅煮煮饭汤锅WQC50A1P",
        "price": "269.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/155477/8/26121/139729/66790888Fbc27541e/7037f1723ee02627.jpg.avif",
        "name": "自营京东乘龙震虎京东汽车权益卡，兑换开卡享26项福利，价值1618元",
        "price": "1618.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/230477/25/1564/35656/65437c6aF6a87ae0e/eb50a9cbe792fc66.jpg.avif",
        "name": "旅行可折叠烧水壶可携式旅游不锈钢电热水杯mini迷小型 黑色",
        "price": "209.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/181311/11/36695/121195/65f9b2ebF14e46d23/ffefff1a0f51558d.jpg.avif",
        "name": "JOMOW家用马桶潮州马桶卫生间大口径马桶超漩节水虹吸式座马桶 A款8.0大管道款 400坑距送货入户",
        "price": "558.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/240957/9/11540/52996/667a948eF12c1731c/3235ff7488cc7b45.png.avif",
        "name": "vivo iQOO Neo9S Pro 天玑9300+旗舰芯 自研电竞芯片Q1 1.5K 144Hz 8T 全天候无感屏 电竞游戏5G手机 格斗黑 12GB 256GB 官方标配",
        "price": "2999.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/102028/34/43733/60697/64d72226Ffcd329a5/a5ffe203d785bc0b.jpg.avif",
        "name": "曲回闻超大容量太空塑料水杯便携户外运动工地健身超大便携旅行水杯 蓝色 运动水杯3500毫升带吸管带茶",
        "price": "12.29"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/190904/2/33345/128416/66220360F0aed6afe/d981405c7c030ca8.jpg.avif",
        "name": "诹盇车载风扇usb接口车载风扇车用12v24v伏制冷汽车通用USB接口强力静 黑色吸盘款通用USB接口三档大风",
        "price": "58.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/235100/20/22367/91606/667b6d94F04663602/a326867a09d4b433.jpg.avif",
        "name": "自营箭牌（ARROW）抽水马桶家用虹吸坐便器小尺寸座便 小户型卫生间坐厕AEB12616M",
        "price": "929.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/229440/19/19371/111435/667ae8a2F0f665aab/5dbd2aa05e995a75.jpg.avif",
        "name": "自营HIKVISION海康威视行车记录仪D1plus 2K超高清星光夜视F1.55大光圈语音声控",
        "price": "189.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/195412/1/36399/37820/64d831acFd9e3af91/b62d4cacafbef5f1.jpg.avif",
        "name": "自营linptech自发电无线门铃 米家智能联动远距离家用老人呼叫器普通款",
        "price": "79.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/225109/40/11941/35500/65d835adF8d5c47c9/c4572673a505eb92.png.avif",
        "name": "sinloy臻选 巴拿马翡翠庄园 绿标水洗瑰夏精品手冲咖啡豆 浅度烘焙50g 咖啡豆",
        "price": "59.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/207616/3/42530/146738/66740622F11123516/8955902dc9f59cca.jpg.avif",
        "name": "自营美孚（Mobil）美孚1号银美孚先进全合成汽机油 5W-30 SP级4L配方新升级汽车保养",
        "price": "279.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/29336/14/20202/208852/638ec108Eef2e767f/467dc168b82f514c.png.avif",
        "name": "智升P1手持喷码机打生产日期智能小型全自动食品包装袋喷墨打码器纸箱日期打码机",
        "price": "335.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/228351/36/19931/125114/667ac4feFe05c464a/2f18462f381bfbd4.jpg.avif",
        "name": "自营松下(panasonic)除菌即热式 国民家居智能坐便盖 棋之盖PQTK10",
        "price": "899.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/240267/1/12875/129095/6678dff7F84527592/17759a3a776b2a8a.jpg.avif",
        "name": "Vidda海信电视 65英寸 4K超薄全面屏 智慧客厅投屏智能网络WiFi液晶平板电视机彩电 65英寸",
        "price": "1967.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/202694/6/38681/127445/66741da6F19a0aec9/e62117ad3f81cf6d.jpg.avif",
        "name": "自营博世（BOSCH）空气滤芯滤清器AF2963适配大众桑塔纳朗逸宝来捷达昕动昕锐明锐等",
        "price": "26.20"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/241021/13/11153/85157/6674e4ccF00720d08/5c31a52bf9df4dca.jpg.avif",
        "name": "戴尔（DELL） Pro灵越15大屏轻薄本3530 15.6英寸13代超极本3520学生便携办公游戏笔记本电脑 15Pro推荐【12代酷睿i5 120Hz高刷屏】 16G内存/512G高速固态【推荐定",
        "price": "3399.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/165740/39/39244/67924/65e569afF6d3018da/0561f9a4e106c3cc.jpg.avif",
        "name": "ARB运良改装 Y+运良拖车绳8吨11吨15吨越野救援拖车绳 非ARB牌拖车绳 Y+款15吨9米拖车绳",
        "price": "339.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/237999/3/19182/46693/667bec28F2ad5a507/548a3561ce822278.jpg.avif",
        "name": "苹果13 Apple iPhone 13 (A2634) 二手5G手机 国行双卡双待 蓝色 128G 5G 全网通",
        "price": "2398.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/159132/20/43993/102598/660cf422Fef70aa3d/88fc0f4fe9e6a932.jpg.avif",
        "name": "IDEC日本IDEC和泉继电器 RJ1S-A220/RJ2S-CL-D24直流小型中间RJ25薄型 RJ2S-CL-D24+底座 8脚 DC24V",
        "price": "22.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/241747/10/4032/127750/65af737fF0286ad5f/65e581adbdce9024.jpg.avif",
        "name": "乐扣乐扣吸管保温杯女生大容量冰霸杯保温保冷杯子不锈钢水杯2023新款 生椰白 1200ml 【含立体贴】",
        "price": "118.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/152829/18/23207/351870/66448416F207a571e/035d4f4d5d67f7be.png.avif",
        "name": "自营京东标准洗车服务 轿车（5座及以下） 单次 全国可用 有效期7天",
        "price": "19.90"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/229523/33/17727/247366/6674524aF86f8c701/6db5d3553468864d.png.avif",
        "name": "美的（Midea）电火锅 家用多功能锅 可拆锅身电烤盘烤肉锅电锅一体电烤炉 不粘锅火锅专用锅电煮锅煎烤盘电蒸锅 【4L火锅分体式 一机多用】DY26Easy501",
        "price": "199.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/155477/8/26121/139729/66790888Fbc27541e/7037f1723ee02627.jpg.avif",
        "name": "自营京东乘龙震虎京东汽车权益卡，兑换开卡享26项福利，价值1618元",
        "price": "1618.00"
      },
      {
        "id": 1,
        "img": "https://img12.360buyimg.com/jdcms/s460x460_jfs/t1/114559/36/30805/84121/63f067d3Feba810d7/805c311a64f1a9c3.jpg.avif",
        "name": "娃哈哈 饮用纯净水14.8L*1桶 大桶水办公室家用水 14.8L*1桶",
        "price": "22.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/190904/2/33345/128416/66220360F0aed6afe/d981405c7c030ca8.jpg.avif",
        "name": "诹盇车载风扇usb接口车载风扇车用12v24v伏制冷汽车通用USB接口强力静 黑色吸盘款通用USB接口三档大风",
        "price": "58.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/232536/23/19117/118286/66719fdcF84a66b11/cf131b5f20947fca.jpg.avif",
        "name": "华为 HUAWEI Mate 40/mate40 pro 支持鸿蒙 5G全网通 二手手机 Mate 40 亮黑色【赠3C认证快充】 8+128G 5G版(电池效率100%) 99新",
        "price": "2149.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/228654/40/19535/152393/6673d085F6b2b7e2e/d0d015a1e049edfa.jpg.avif",
        "name": "壳牌（Shell）全合成机油超凡喜力5W-30 API/SP级 4L灰壳汽车保养香港进口",
        "price": "188.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/165095/5/46621/93462/66727572F514ddea5/9024f7dc707c2aa3.png.avif",
        "name": "自营慧多多电动车电瓶车充电器60V20Ah72v雅迪爱玛台铃小刀三轮车铅酸电池",
        "price": "59.90"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/191173/10/46777/153649/667cbb8dF11da03c0/99d79617e17b348a.jpg.avif",
        "name": "圣象（Power Dekor）强化复合地板F4星环保简约现代家用耐磨木地板地暖 NF1101包安装送辅料",
        "price": "200.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/102028/34/43733/60697/64d72226Ffcd329a5/a5ffe203d785bc0b.jpg.avif",
        "name": "曲回闻超大容量太空塑料水杯便携户外运动工地健身超大便携旅行水杯 蓝色 运动水杯3500毫升带吸管带茶",
        "price": "12.29"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/79637/20/18657/80739/6364cddeE3628b94b/bfa810d437a41870.jpg.avif",
        "name": "Y+运良改装 22款面巾面料细腻透气舒适越野户外出行多功能面巾头巾",
        "price": "59.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/234735/19/3636/45100/655f7862F5444e4ef/274d10cc2235f6ac.jpg.avif",
        "name": "吡哩叭喇手拉葫芦游轮下钩导过链起重轮轴1-2t5T10吨葫芦油轮 精铸油轮3吨",
        "price": "10.60"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/225833/40/15935/60257/66308785Fda32c74a/e903860f4add9d36.jpg.avif",
        "name": "【准新机】华为 P&mate60/pro/畅享/nova系列二手手机 以报告为准原包原配未激活 华为 畅享 60X",
        "price": "1269.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/219569/33/2754/148337/61801ea4Ef45898af/62ae208ec7ac0196.jpg.avif",
        "name": "栗好嘉南京天宇DT-830T数显万用表电子DIY制作组装套件学生实习散件 830 己焊接的)",
        "price": "46.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/185279/6/44880/86069/6645dd0eF09622143/03cfe2d8df296109.jpg.avif",
        "name": "魔之韵中老年女装妈妈夏装短袖T恤女宽松显瘦洋气大码上衣服大码胖m8878 墨绿色 XL（115-125斤左右）",
        "price": "276.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/244310/2/12942/82937/667aa351F8f27e323/42a0e7036592b0a7.jpg.avif",
        "name": "自营九牧（JOMOO）无水压限制智能马桶节水泡沫盾自动翻盖智能坐便器ZS770 305坑距",
        "price": "4399.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/164963/26/36612/177614/650936ebF15975eee/13ee76924c90bd4a.jpg.avif",
        "name": "公牛pdu插排桌搭排插公牛电竞插座电脑桌面防雷拖接插线板 蓝色分控开关 8位10A国标孔",
        "price": "318.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/163689/32/28865/60597/667a9306F4ee974a7/df8379b6a847f298.jpg.avif",
        "name": "自营盯盯拍行车记录仪MINI3S升级版 3K高清影像 超大存储拓展 AI驾驶辅助",
        "price": "299.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/246307/35/3669/114091/65aa583cFa51a49ff/7fe8289a1b9c830d.jpg.avif",
        "name": "金立（Gionee）2024新款翻盖老年人手机4G全网通大声大字大按键超长待机移动联电信双卡双待学生老人备用功能机 玫瑰金色 4G全网通版",
        "price": "299.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/180235/25/18541/311195/6110edb9E0d36d32b/f7d4dceb6df9aca0.jpg.avif",
        "name": "原质中国移动宽带网络电视机顶盒子遥控器通用魔百盒易视TV魔百和 通用所有移动(使用前看背面说明",
        "price": "13.30"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/223875/31/29316/70601/660b9cbdFee5c840f/c554e32f93d0335f.png.avif",
        "name": "自营海尔（Haier） 15.6英寸金属笔记本电脑 商务办公学生网课娱乐轻薄本 逸15-3S(酷睿i3 8G 512G Win11)",
        "price": "1999.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/190904/2/33345/128416/66220360F0aed6afe/d981405c7c030ca8.jpg.avif",
        "name": "诹盇车载风扇usb接口车载风扇车用12v24v伏制冷汽车通用USB接口强力静 黑色吸盘款通用USB接口三档大风",
        "price": "58.00"
      },
      {
        "id": 1,
        "img": "https://img20.360buyimg.com/jdcms/s460x460_jfs/t1/241021/13/11153/85157/6674e4ccF00720d08/5c31a52bf9df4dca.jpg.avif",
        "name": "戴尔（DELL） Pro灵越15大屏轻薄本3530 15.6英寸13代超极本3520学生便携办公游戏笔记本电脑 15Pro推荐【12代酷睿i5 120Hz高刷屏】 16G内存/512G高速固态【推荐定",
        "price": "3399.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/228654/40/19535/152393/6673d085F6b2b7e2e/d0d015a1e049edfa.jpg.avif",
        "name": "壳牌（Shell）全合成机油超凡喜力5W-30 API/SP级 4L灰壳汽车保养香港进口",
        "price": "188.00"
      },
      {
        "id": 1,
        "img": "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/244262/18/7351/56496/6618efa7Ff937e933/46417857de6c01db.jpg.avif",
        "name": "九阳（Joyoung）1.5L大容量自动烧水电热水壶家用316L不锈钢无缝内胆开水煲抗菌广口可拆上盖开水煲双层防烫烧水壶 316L无缝内胆 1.5L 可拆抗菌上盖",
        "price": "199.00"
      },
      {
        "id": 1,
        "img": "https://img11.360buyimg.com/jdcms/s460x460_jfs/t1/234735/19/3636/45100/655f7862F5444e4ef/274d10cc2235f6ac.jpg.avif",
        "name": "吡哩叭喇手拉葫芦游轮下钩导过链起重轮轴1-2t5T10吨葫芦油轮 精铸油轮3吨",
        "price": "10.60"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/186586/13/47751/118063/6674609aFade7a96d/d9a9921a256d48f7.jpg.avif",
        "name": "ANDSEEYOU单肩包女小包包女包2024春夏新款时尚百搭潮软皮水桶包女士斜挎包 绿色",
        "price": "398.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/219569/33/2754/148337/61801ea4Ef45898af/62ae208ec7ac0196.jpg.avif",
        "name": "栗好嘉南京天宇DT-830T数显万用表电子DIY制作组装套件学生实习散件 830 己焊接的)",
        "price": "46.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/107875/40/12592/52312/5e9936ecE47e84d73/b06f544a7aa0298e.jpg.avif",
        "name": "【二手9成新】三星 Galaxy S9 （SM-G9600/DS）全视曲面屏双卡全网通智能二手手机 迷夜黑 4+128G（全网通）赠送三星充电器套装",
        "price": "888.00"
      },
      {
        "id": 1,
        "img": "https://img30.360buyimg.com/jdcms/s460x460_jfs/t1/244310/2/12942/82937/667aa351F8f27e323/42a0e7036592b0a7.jpg.avif",
        "name": "自营九牧（JOMOO）无水压限制智能马桶节水泡沫盾自动翻盖智能坐便器ZS770 305坑距",
        "price": "4399.00"
      },
      {
        "id": 1,
        "img": "https://img10.360buyimg.com/jdcms/s460x460_jfs/t1/207616/3/42530/146738/66740622F11123516/8955902dc9f59cca.jpg.avif",
        "name": "自营美孚（Mobil）美孚1号银美孚先进全合成汽机油 5W-30 SP级4L配方新升级汽车保养",
        "price": "279.00"
      },
      {
        "id": 1,
        "img": "https://img13.360buyimg.com/jdcms/s460x460_jfs/t1/236951/24/18136/98341/666a688eF4d4a5777/ef40ed560001134b.jpg.avif",
        "name": "自营ETCSP新款升级智能无卡ETC办理设备全国通行九五折私家车公司户更灵敏",
        "price": "108.90"
      },
    ]
);

// 临时数据
// 轮播图
const imageList = [
      {
        "name": "",
        "url": "https://imgcps.jd.com/img-cubic/creative_server_cia_jdcloud/v2/2000318/100061891747/FocusFullshop/CkNqZnMvdDEvMjIzOTAwLzM2LzM0OTM4LzI0MDc0LzY2NjlmNjgyRjc1ZjZmNmIxLzBiNWU2YjNhYjA5MjUxODMucG5nEgkzLXR5XzBfNTQwAji-i3pCEAoM6Zu35p-P6byg5qCHEAFCDwoL5ruhMjM55YePNzAQAkIQCgznq4vljbPmiqLotK0QBkIKCgbnsr7pgIkQB1ijmZ3h9AI/cr/s/q.jpg"
      },
      {
        "name": "",
        "url": "https://imgcps.jd.com/img-cubic/creative_server_cia_jdcloud/v2/2000366/100102201664/FocusFullshop/CkNqZnMvdDEvMTc0MTgxLzIyLzQyOTI1LzI2MDkyLzY2NjVmZmQ2RjMzNGQ0ZmNlLzkyZmRkNzE1MTAxZTdhODMucG5nEgkzLXR5XzBfNTQwAjjui3pCDQoJUk9H6byg5qCHEAFCEQoN5ruhMTIwMOWHjzQwMBACQhAKDOeri-WNs-aKoui0rRAGQgoKBueyvumAiRAHWMDCufT0Ag/cr/s/q.jpg"
      },
    ]
;
const goods = reactive({
  id: 1,
  name: "海尔（Haier）50升超薄扁桶双胆电热水器家用储水式隐藏安装3300W速热双镁棒免换 EC5003-BOOK(U1) 【以旧换新】",
  desc: "........................",
  price: 2799,
  img: "https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/221281/22/41798/104904/667a82c0F608331cd/fd428d55e14d1e2d.jpg.avif",
})

</script>

<!--分割线-->

<template>
  <div id="app">
    <div class="app-top">
      <img class="logo" src="@/assets/pdd-logo.png">
      <div class="app-top-main">
        <!--搜索框-->
        <div class="search-box">
          <input type="text" class="search-input" placeholder=" 请输入搜索内容" v-model="searchText"/>
          <button class="search-button" @click="">
            <el-icon color="#fff">
              <Search/>
            </el-icon>
          </button>
        </div>
        <!--类别-->
        <div class="category">
          <el-button type="text">电脑数码</el-button>
          <el-button type="text">拍卖</el-button>
          <el-button type="text">京东超市</el-button>
          <el-button type="text">京东生鲜</el-button>
          <el-button type="text">京东家电</el-button>
          <el-button type="text">进口好物</el-button>
        </div>
      </div>
    </div>

    <!--轮播图-->
    <div class="carousel">
      <el-carousel :interval="5000" arrow="always">
        <el-carousel-item v-for="item in imageList" :key="item">
          <el-image class="carousel-img" :src="item.url" :alt="item.name" fit="fill"/>
        </el-carousel-item>
      </el-carousel>
    </div>

    <h3 class="floorhd_tit">»为你推荐«</h3>

    <!--商品列表-->
    <div class="goods-list">
      <home-goods-item v-for="(goods,index) in goodsList" :key="index" :goods="goods"/>
    </div>

    <home-tail class="tail"/>
    <!--回到顶部-->
    <el-backtop
        :right="20"
        :bottom="20"
        visibility-height="0"/>

    <!--TODO:商品列表无限滚动-->

  </div>
</template>

<!--分割线-->

<style scoped>
@import "@/assets/Home.css";
</style>